/*=======CSS reset start=======*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0; }
body{font-family: Microsoft YaHei,PingFang SC,Verdana, Simsun;color:#282828;font-size:14px;line-height: 24px;}
table{border-collapse:collapse; border-spacing:0;}
fieldset,img{border:none;}
address,caption,code,dfn,em,strong,th,var,cite,b,i,s,strike {font-style:normal;}
ol,ul,li{list-style-type :none;}
caption,th{text-align:center;}
input,button,img,abbr,acronym{border:0;}
input:focus{outline:none;}
input,label,select{vertical-align: middle;}
input,button,input[type="radio"]:focus,input[type="checkbox"]:focus {outline: none;}
input:-webkit-autofill { box-shadow: 0 0 0px 1000px white inset !important;}
a,a:focus,a:hover,a:active {text-decoration:none; outline:none; hide-focus:expression(this.hideFocus = true);color:#333}
img, video, iframe {max-width: 100%}
button {background-color: transparent;}
[v-cloak] {display: none;}

/*=======文字排版 start======*/
.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f15{font-size:15px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f22{font-size:22px;}
.f24{font-size:24px;}
.f30{font-size:30px;}

.fwb{font-weight:bold;}
.fwn{font-weight:normal;}
.ti2{text-indent:2em;}/*移动设备下，text-indent在input框的支持性不好，建议使用padding-left缩进*/
.ti3{text-indent:3em;}
.unl{text-decoration:underline;}
.none_unl {text-decoration:none;}
/*=======文字排版 end======*/

/*===========文字颜色==========*/
.f000{ color:#000;}
.f333{color:#333;}
.f666{color:#666;}
.f999{color:#999;}

/*===========文字颜色 end==========*/

/*=======定位 begin======*/
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
.fl{float:left; display:inline;}
.fr{float:right; display:inline;}
.cb{clear:both;}
.cl{clear:left;}
.cr{clear:right;}
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.vm{vertical-align:middle;}
.vt{vertical-align:top;}
.pr{position:relative;}
.pa{position:absolute;}
.db {display:block;}
.dn {display:none;}
.ib {display:inline-block;vertical-align: middle;*display: inline;*zoom:1;}
.oh {overflow:hidden;}
.ov {overflow:visible;}
.oxa {overflow-x:auto }
.oya {overflow-y:auto }
/*=======定位 end======*/

/*=======边距 start======*/
.ma{margin-left:auto; margin-right:auto;}
.m10{margin:10px;}
.m15{margin:15px;}
.m30{margin:30px;}

.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt35{margin-top:35px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt90{margin-top:90px;}
.mt100{margin-top:100px;}

.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}
.mb100{margin-bottom:100px;}

.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml25{margin-left:25px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}
.ml50{margin-left:50px;}
.ml90{margin-left:90px;}

.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mr50{margin-right:50px;}
.mr100{margin-right:100px;}

.p5{padding:5px;}
.pt6{padding-top: 6px;}
.p10{padding:10px;}
.p15{padding:15px;}
.p20{padding:20px;}
.p30{padding:30px;}

.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt25{padding-top:25px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}
.pt45{padding-top:45px;}
.pt50{padding-top:50px;}

.pb0 {padding-bottom: 0 !important}
.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}
.pb50{padding-bottom:50px;}

.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pl25{padding-left:25px;}
.pl30{padding-left:30px;}
.pl40{padding-left:40px;}
.pl50{padding-left:50px;}

.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
.pr25{padding-right:25px;}
.pr30{padding-right:30px;}
.pr50{padding-right:50px;}
.pr60{padding-right:60px;}

.ml-5 {margin-left: -5px}
.ml-10 {margin-left: -10px}
.mr-5 {margin-left: -5px}
.mr-10 {margin-left: -10px}
/*=======边距 end======*/

/*其他辅助样式*/
.h100p {height: 100%}
.oh {overflow: hidden;}
.fix_layout {table-layout: fixed;}
.rotate90 {transform:rotate(90deg);-webkit-transform:rotate(90deg);}
.border_t {border-top:1px solid rgba(0,0,0,0.09);}
.border_b {border-bottom:1px solid rgba(0,0,0,0.09);}
.border_n {border: none !important;}
.border_bottom_n {border-bottom: none !important;}
.border {border:1px solid rgba(0,0,0,0.09);}
.dashed_bottom_border {border-bottom:1px dashed #dedede;padding-bottom: 5px}
.nowrap {white-space: nowrap;}

.primary_color {color:#B81C24}
.second_color {color: #1890FF}
.bgWhite {background-color: #fff}
.bgGray {background-color: #F8F8F8;}
.fit_cover {object-fit:cover}

/*文字截断*/
.ellipsis {white-space: nowrap;overflow: hidden;text-overflow:ellipsis;}
.ellipsis_line2 {display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.ellipsis_line3 {display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

/*百分比布局*/
.col-3,
.col-4,
.col-6,
.col-8,
.col-9 {float: left;display: inline;}
.col-3 {width: 25%;}
.col-4 {width: 33.33333333%}
.col-6 {width: 50%}
.col-8 {width: 66.66666667%}
.col-9 {width: 75%}

/*flex布局*/
.flexbox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.flexItem {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.flexCenter {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.aligns_center {
  align-items: center
}


/*radio 和 checkbox美化*/
.ui_radio_label,
.ui_checkbox_label {font-weight: normal;}
.ui_radio,
.ui_checkbox {position: relative;width: 16px;height: 16px;appearance: none;-webkit-appearance: none;
  opacity: 1 !important;border: 1px solid #dedede;margin-top: 0 !important;margin-right:8px !important;
}
.ui_radio {border-radius: 50%;}
.ui_checkbox {border-radius: 2px;}
.ui_checkbox:checked {
  border-color: transparent;
  background: url(../images/checked.png) no-repeat;
}
.ui_radio:checked:after {content: '';
      position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -4px;
    margin-top: -4px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #B81C24;
}

/*元素不可用*/
.disabled_link {cursor: unset;color: #ccc;pointer-events: none;}
.nonelink {cursor: unset;}

/*表格*/
.fixed_layout {table-layout: fixed;}
.table_mode {display: table;width: 100%}
.table_row {display: table-row;}
.table_cell {display: table-cell;vertical-align: middle;}

/*基础表格*/
.ui_table {margin-top: 24px;border: 1px solid #d9d9d9}
.ui_table th {font-weight: bold;}
.ui_table th,
.ui_table td {padding: 15px 24px;border-bottom: 1px solid #d9d9d9;text-align: left}
.ui_table td {color: #666}
.ui_table tbody tr:hover {
	background-color: rgba(0,0,0,.04);
}

.ui_table th.tr,
.ui_table td.tr {text-align: right}
.ui_table .ellipsis_line3 {max-height: 70px;overflow: hidden;}


/*过渡效果*/
a,
.css3_transition,
.css3_scale,
.css3_rotate {transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out}
.css3_scale:hover {transform: scale(1.2);-webkit-transform: scale(1.2)}
.css3_rotate:hover {transform: rotate(360deg);-webkit-transform:rotate(360deg);}

/*css3 白光效果*/
.aniBlink {overflow: hidden;position: relative;}
.aniBlink:before {content: '';left: -100%;top:0;width: 100%;height: 100%;
    position: absolute;background: -moz-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0) 100%);
    background: -webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(50%,rgba(255,255,255,0.4)),color-stop(100%,rgba(255,255,255,0)));
    background: -webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}
.aniBlink:hover:before{
  -webkit-animation:aniBlink .4s ease-out forwards;
  -moz-animation:aniBlink .4s ease-out forwards;
  -o-animation:aniBlink .4s ease-out forwards;
  animation:aniBlink .4s ease-out forwards
}
@keyframes aniBlink{
  50% {left: 0}
  100% {left: 100%} 
}
@-webkit-keyframes aniBlink{
  50% {left: 0}
  100% {left: 100%} 
}

/*鼠标滑过阴影效果图*/
.hoverShadow:hover {box-shadow: 0 10px 20px 0px #ddd;}

